import { defineStore } from 'pinia'
import { useDark, useToggle } from '@vueuse/core'

export const useVisionStore = defineStore('vision', {
  state() {
    return {
      isExpend: false, //菜单是否折叠
      isCross: false, //菜单是否横向
      isDark: false, //是否暗黑主题
    }
  },
  actions: {
    setIsExpend() {
      this.isExpend = !this.isExpend
    },
    setIsCross() {
      this.isCross = !this.isCross
      if (this.isCross) {
        this.isExpend = false
      }
    },
    setIsDark() {
      this.isDark = !this.isDark
      document.documentElement.classList.toggle('dark')
    },
  },

  // 计算
  //概念：当`state`中的数据，需要经过处理后再使用时，可以使用`getters`配置。
  getters: {},
})
